<!DOCTYPE html>
<html lang="en">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>音频拼接动态频谱</title>
    <link rel="stylesheet" href="css/laydate.css">
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/iconfont.css">
</head>

<body>
    <div class="view">
        <div class="right-side">
            <audio preload="" autoplay="" crossOrigin="anonymous" class="music-player" src="http://192.168.190.158:9010/file/parseFile/114759.wav"></audio>
            <canvas id="cas" height="270"></canvas>
        </div>
        <div class="left-side">
            <div class="control">

                <div class="select_time">
                        <span>时间范围</span>
                        <input type="text" class="day-input" placeholder="时间范围" id="start_end_time">
                        <button class="audioSearch">查询</button>
                </div>
                <div class="o-btns">
                    <button class="muti">静音</button>
                </div>
            </div>
            <div class="music-contain">
                <ul class="music-list">
                        <li title="1">1</li>
                </ul>
            </div>
        </div>
        <div class="Compile_text">
            
        </div>

    </div>

    <script src="https://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script>
    <script src="js/laydate.js"></script>
    <script>

        //执行一个laydate实例
        laydate.render({
            elem: '#start_end_time',//指定元素
            type: 'datetime',
            range: true
        });
        var radio_url = './test.php';

    </script>
    <script src="js/main.js"></script>
</body>

</html>